/*文档流定位*/
.rel{
    position: relative;
}
.abs{
    position: absolute;
}
.fix{
    position: fixed;
}

/*浮动与浮动清除*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{
    clear: both;
}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ *+height:1%; }

.pointer:hover{
  cursor: pointer;
}

/*显示与隐藏*/
.show{
    display: unset;
}
.hide{
    display: none;
}

/*行内元素，内联元素对齐方式*/
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}

/*模仿表格布局*/
.like-table{
    display: table;
    width: 100%;
    height: 100%;
}
.like-cell{
    display: table-cell;
    vertical-align: middle;
}


/*启用GPU硬件加速执行动画, 以下三种方式都会触发硬件加速*/
.animation-GPU{
    opacity: 1;
    /*或者*/
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    /*或者*/
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

